<html>
<head>
	<title>数字化电网</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-cn" />
	<link href="/site_media/css/default.css" rel="stylesheet" type="text/css" />
	<link href="/site_media/css/jquery/flora.all.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="/site_media/js/jquery/jquery-1.2.6.js"></script>
	<script type="text/javascript" src="/site_media/js/jquery/ui.core.js"></script>
	<script type="text/javascript" src="/site_media/js/jquery/ui.tabs.js"></script>
    <script type="text/javascript" src="/site_media/js/jquery/ui.datepicker.js"></script>
	<script type="text/javascript" src="/site_media/js/jquery/ui.dialog.js"></script>
	<script type="text/javascript" src="/site_media/js/jquery/ui.resizable.js"></script>
	<script type="text/javascript" src="/site_media/js/jquery/ui.draggable.js"></script>

	<link rel="stylesheet" href="/site_media/css/tree/jquery.treeview.css" />
    <link rel="stylesheet" href="/site_media/css/tree/red-treeview.css" />
	<link rel="stylesheet" href="/site_media/css/tree/screen.css" />

	<script src="/site_media/js/tree/jquery.cookie.js" type="text/javascript"></script>
	<script src="/site_media/js/tree/jquery.treeview.js" type="text/javascript"></script>
	
	
	<!--<LINK href="/site_media/css/popmenu/page_style.css" type="text/css" rel="stylesheet" />-->
	<SCRIPT src="/site_media/js/popmenu/jquery.contextmenu.r2.packed.js" type=text/javascript></SCRIPT>
	
	<script type="text/javascript" src="/site_media/js/default.js"></script>
	<script type="text/javascript" src="/site_media/js/tree/js/node_analysis.js"></script>
	<!--弹出右键菜单脚本-->
	<SCRIPT type="text/javascript">
	    $(document).ready(function() {
			$("span.file[name='substation']").contextMenu('Menu_Substation', {
			        bindings: {
			          'position': function(t) {
						jQuery.noConflict();  
						var attr_name = jQuery(t).attr('name')+"_pos";
			            //alert('target id is '+$(t).attr('name'));  //t.id --> <span class="file" style="cursor:default" id="1">
						showPosition(attr_name);
			          },
			          'attribute': function(t) {
						jQuery.noConflict();
						var attr_name = jQuery(t).attr('name')+"_attr";
			            //alert(attr_name);
						showAttribute(attr_name);
			          },
			          'equipment': function(t) {
			            alert('target id is '+t.id);
			          },
			          'firstmap': function(t) {
			            alert('target id is '+t.id);
			          },
			          'specialarea': function(t) {
			            alert('target id is '+t.id);
			          },
			          'thunder': function(t) {
			            alert('target id is '+t.id);
			          },
			          'online': function(t) {
			            alert('target id is '+t.id);
			          }
					},
					onShowMenu: function(e, menu) {
						//alert($(e.target).attr('id'));
						return menu;
					}
			});

			$("span.folder[name='line']").contextMenu('Menu_Line', {
			        bindings: {
			          'position': function(t) {
						jQuery.noConflict();
						var attr_name = jQuery(t).attr('name')+"_pos";
						         //alert(attr_name);
						showPosition(attr_name);
						
			            //alert('target id is '+t.id);  //t.id --> <span class="file" style="cursor:default" id="1">
			          },
			          'attribute': function(t) {
						jQuery.noConflict();
						var attr_name = jQuery(t).attr('name')+"_attr";
						         //alert(attr_name);
						showAttribute(attr_name);
			            
			          },
			          'linearea': function(t) {
			            alert('target id is '+t.id);
			          },
			          'thunder': function(t) {
			            alert('target id is '+t.id);
			          },
			          'online': function(t) {
			            alert('target id is '+t.id);
			          }
					},
					onShowMenu: function(e, menu) {
						//alert($(e.target).attr('id'));
						return menu;
					}
			});

			$("span.file[name='tower']").contextMenu('Menu_Tower', {
			        bindings: {
			          'position': function(t) {
						jQuery.noConflict();
						var attr_name = jQuery(t).attr('name')+"_pos";
						         //alert(attr_name);
						showPosition(attr_name);
			            
			          },
			          'attribute': function(t) {
						jQuery.noConflict();
						var attr_name = jQuery(t).attr('name')+"_attr";
						         //alert(attr_name);
						showAttribute(attr_name);			            
			          },
			          'specialarea': function(t) {
			            alert('target id is '+t.id);
			          },
			          'thunder': function(t) {
			            alert('target id is '+t.id);
			          },
			          'online': function(t) {
			            alert('target id is '+t.id);
			          }
					},
					onShowMenu: function(e, menu) {
						//alert($(e.target).attr('id'));
						return menu;
					}
			});			
	    });
	  </SCRIPT>
	
<script>
$(document).ready(function(){
    $("#example > ul").tabs();
	$("#browser").treeview();
	$("#tree_line").treeview();

});

</script> 
</head>
<body onContextMenu="return false" style="border:1px #FF0000 solid;margin:1px;border-width:0px">


<div class="contextMenu" id="Menu_Substation"><!--变电站右键菜单-->
  <ul>
    <li id="position"><IMG src="/site_media/images/popmenu/folder.png"> 定位</li>
    <li id="attribute"><IMG src="/site_media/images/popmenu/email.png"> 属性</li>
	<li id="equipment"><IMG src="/site_media/images/popmenu/email.png"> 站内设备</li>
	<li id="firstmap"><IMG src="/site_media/images/popmenu/email.png"> 一次接线图</li>
	<li id="specialarea"><IMG src="/site_media/images/popmenu/email.png"> 所属特殊区域</li>
	<li id="thunder"><IMG src="/site_media/images/popmenu/email.png"> 落雷分析</li>
	<li id="online"><IMG src="/site_media/images/popmenu/email.png"> 红外测温、成像</li>
  </ul>
</div>
<div class="contextMenu" id="Menu_Line"><!--输电线路右键菜单-->
  <ul>
    <li id="position"><IMG src="/site_media/images/popmenu/folder.png"> 定位</li>
    <li id="attribute"><IMG src="/site_media/images/popmenu/email.png"> 属性</li>
	<li id="linearea"><IMG src="/site_media/images/popmenu/email.png"> 线路走廊</li>
	<li id="thunder"><IMG src="/site_media/images/popmenu/email.png"> 落雷分析</li>
	<li id="online"><IMG src="/site_media/images/popmenu/email.png"> 在线监测信息</li>
  </ul>
</div>
<div class="contextMenu" id="Menu_Tower"><!--杆塔右键菜单-->
  <ul>
    <li id="position"><IMG src="/site_media/images/popmenu/folder.png"> 定位</li>
    <li id="attribute"><IMG src="/site_media/images/popmenu/email.png"> 属性</li>
	<li id="specialarea"><IMG src="/site_media/images/popmenu/email.png"> 所属特殊区域</li>
	<li id="thunder"><IMG src="/site_media/images/popmenu/email.png"> 落雷分析</li>
	<li id="online"><IMG src="/site_media/images/popmenu/email.png"> 在线监测信息</li>
  </ul>
</div>

    <div id="example" class="flora" style="width:100%;height:80%;">
        <ul>
            <li><a href="#fragment-1"><span>变电</span></a></li>
			<li><a href="#fragment-2"><span>输电</span></a></li>
        </ul>
        <div id="fragment-1" class="div_full" style="overflow:auto">
					<ul id="browser" class="filetree" >
						<li class="closed"><span class="folder">500kV</span>
							<ul>
								<li><span class="file" style="cursor:default" id="1" name="substation">1#变电站</span></li>
								<li><span class="file" style="cursor:default" id="2" name="substation">2#变电站</span></li>
								<li><span class="file" style="cursor:default" id="3" name="substation">3#变电站</span></li>
							</ul>
						</li>
						<li class="closed"><span class="folder">220kV</span>
							<ul>
								<li><span class="file" style="cursor:default" id="4" name="substation">4#变电站</span></li>
								<li><span class="file" style="cursor:default" id="5" name="substation">5#变电站</span></li>
								<li><span class="file" style="cursor:default" id="6" name="substation">6#变电站</span></li>
							</ul>
						</li>
						<li class="closed"><span class="folder">110kV</span>
							<ul>
								<li><span class="file" style="cursor:default" id="7" name="substation">7#变电站</span></li>
								<li><span class="file" style="cursor:default" id="8" name="substation">8#变电站</span></li>
								<li><span class="file" style="cursor:default" id="9" name="substation">9#变电站</span></li>
							</ul>
						</li>
					</ul>
        </div>
        <div class="div_full" style="overflow:auto" id="fragment-2">
						<ul id="tree_line" class="filetree">
							<li class="closed"><span class="folder">500kV</span>
								<ul>
									<li class="closed"><span class="folder" name="line">1#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="1" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="2" name="tower">2#杆塔</span></li>
										</ul>
									</li>
									<li class="closed"><span class="folder" name="line">2#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="3" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="4" name="tower">2#杆塔</span></li>
										</ul>
									</li>
									<li class="closed"><span class="folder" name="line">3#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="5" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="6" name="tower">2#杆塔</span></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="closed"><span class="folder">220kV</span>
								<ul>
									<li class="closed"><span class="folder" name="line">4#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="7" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="8" name="tower">2#杆塔</span></li>
										</ul>
									</li>
									<li class="closed"><span class="folder" name="line">5#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="9" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="10" name="tower">2#杆塔</span></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="closed"><span class="folder">110kV</span>
								<ul>
									<li class="closed"><span class="folder" name="line">6#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="11" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="12" name="tower">2#杆塔</span></li>
										</ul>
									</li>
									<li class="closed"><span class="folder" name="line">7#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="13" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="14" name="tower">2#杆塔</span></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="closed"><span class="folder">35kV</span>
								<ul>
									<li class="closed"><span class="folder" name="line">8#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="15" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="16" name="tower">2#杆塔</span></li>
										</ul>
									</li>
									<li class="closed"><span class="folder" name="line">9#线</span>
										<ul id="folder1">
											<li><span class="file" style="cursor:default" id="17" name="tower">1#杆塔</span></li>
											<li><span class="file" style="cursor:default" id="18" name="tower">2#杆塔</span></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
		</div>
    </div>
</body>
</html>